<div class="pannel">
    <div class="pannel-head" style="margin-bottom: 0;border: none;">
        <p>
            <span class="title">企业管理</span>
            <span class="count">/编辑</span>
        </p>
        <a routerLink="/enterprise/list" class="back">
            返回
        </a>
    </div>
</div>
<!-- form -->

<form nz-form [formGroup]="validateForm" class="tour-form">
    <!-- 企业详情 -->
    <div class="form-pannel">
        <h1>企业详情</h1>
        <!-- 1 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 企业账号 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="loginId">企业账号</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入企业账号" id="loginId" name="loginId" formControlName="loginId" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 企业名称 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="name">企业名称</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入企业名称" id="name" name="name" formControlName="name" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 地址 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="loginId">地址</nz-form-label>
                    <nz-form-control>
                        <nz-select style="width: 25%" id="cityId" name="cityId" formControlName="cityId" (ngModelChange)="onChangeCity($event)">
							<nz-option *ngFor="let i of cityList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
						</nz-select>
                        <nz-select style="width: 25%" id="areaId" name="areaId" formControlName="areaId">
							<nz-option *ngFor="let i of areaList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
						</nz-select>
                        <input nz-input  style="width: 50%" placeholder="请输入地址" id="address" name="address" formControlName="address" />
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <!-- 2 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 机构代码 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="orgCode">机构代码</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入机构代码" id="orgCode" name="orgCode" formControlName="orgCode" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 邮政编码 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="zipcode">邮政编码</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入邮政编码" id="zipcode" name="zipcode" formControlName="zipcode" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 企业性质 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="type">企业性质</nz-form-label>
                    <nz-form-control>
                        <nz-select style="width: 100%" id="type" name="type" formControlName="type">
							<nz-option *ngFor="let i of typeList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
						</nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <!-- 3 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 行业分类 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="industryIdList">行业分类</nz-form-label>
                    <nz-form-control>
                        <nz-select 
                            id="industryIdList" 
                            name="industryIdList" 
                            nzMode="multiple"
                            formControlName="industryIdList">
                            <nz-option *ngFor="let i of industryList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 企业法人 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="legalRepresentative">企业法人</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入企业法人" id="legalRepresentative" name="legalRepresentative" formControlName="legalRepresentative" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 安全主管 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="safetyManager">安全主管</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入安全主管" id="safetyManager" name="safetyManager" formControlName="safetyManager" />
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
        <!-- 4 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 联系电话 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="contactTel">联系电话</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入联系电话" id="contactTel" name="contactTel" formControlName="contactTel" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 联系邮箱 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="contactEmail">联系邮箱</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入联系邮箱" id="contactEmail" name="contactEmail" formControlName="contactEmail" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 监测级别 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="keyLevel">监测级别</nz-form-label>
                    <nz-form-control>
                        <nz-select 
                            id="keyLevel" 
                            name="keyLevel" 
                            formControlName="keyLevel">
                            <nz-option *ngFor="let i of keyLevelList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
         <!-- 5 -->
         <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 监管员 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="managerId">监管员</nz-form-label>
                    <nz-form-control>
                        <nz-select 
                            id="managerId" 
                            name="managerId" 
                            formControlName="managerId">
                            <nz-option *ngFor="let i of managerIdList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 企业网站 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="homepage">企业网站</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入企业网站" id="homepage" name="homepage" formControlName="homepage" />
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 备注 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="remark">备注</nz-form-label>
                    <nz-form-control>
                        <input nz-input placeholder="请输入备注" id="remark" name="remark" formControlName="remark" />
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
         <!-- 6 -->
         <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 状态 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="remark">状态</nz-form-label>
                    <nz-form-control>
                        <nz-select 
                            id="status" 
                            name="status" 
                            formControlName="status">
                            <nz-option *ngFor="let i of statusList" [nzLabel]="i.name" [nzValue]="i.id"></nz-option>
                        </nz-select>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 创建日期 -->
            <div nz-col [nzSpan]="8">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="createTime">创建日期</nz-form-label>
                    <nz-form-control >
                       <div>{{del?.createTime}}</div> 
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
    </div>
    <!-- 企业资产 -->
    <div class="form-pannel">
        <h1>企业资产</h1>
        <!-- 1 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 资产总数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="assetTotalCount">资产总数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="assetTotalCount" name="assetTotalCount" formControlName="assetTotalCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- IP数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="ipCount">IP数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="ipCount" name="ipCount" formControlName="ipCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 组件数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="componentCount">组件数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="componentCount" name="componentCount" formControlName="componentCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 端口数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="portCount">端口数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="portCount" name="portCount" formControlName="portCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
    </div>
    <!-- 企业漏洞 -->
    <div class="form-pannel">
        <h1>企业漏洞</h1>
        <!-- 1 -->
        <div nz-row [nzGutter]="24" style="padding: 0;">
            <!-- 漏洞总数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="vulnTotalCount">漏洞总数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="vulnTotalCount" name="vulnTotalCount" formControlName="vulnTotalCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 高危漏洞数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="vulnHighRiskCount">高危漏洞数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="vulnHighRiskCount" name="vulnHighRiskCount" formControlName="vulnHighRiskCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 已修复漏洞数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="vulnFixedCount">已修复漏洞数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="vulnFixedCount" name="vulnFixedCount" formControlName="vulnFixedCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
            <!-- 未修复漏洞数 -->
            <div nz-col [nzSpan]="6">
                <nz-form-item nzFlex>
                    <nz-form-label nzRequired nzFor="vulnNotFixedCount">未修复漏洞数</nz-form-label>
                    <nz-form-control>
                        <nz-input-number [nzMin]=0 style="width: 180px;" id="vulnNotFixedCount" name="vulnNotFixedCount" formControlName="vulnNotFixedCount" ></nz-input-number>
                    </nz-form-control>
                </nz-form-item>
            </div>
        </div>
    </div>
    <!-- 创建按钮 -->
    <div class="cz">
        <a class="submit-btn" (click)="submit(validateForm.value)">保存</a>
        <a class="default-btn" routerLink="/basicSetting/guideMgmt">取消</a>
    </div>
</form>
<!-- 18*18  h:2.7米 4块版  18公分转角 -->